<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        //1.toString() 数组转为字符串
        arr = [1, 2, 3];
        console.log('1.转为字符串' + arr.toString());
        //1.join(分隔符) 可以指定分隔符进行转换为字符串
        arr = ['orange', 'pink', 'banana'];
        console.log('1.转为字符串' + arr.join('-'));

        //2.根据位置返回字符
        var str = 'andy';
        console.log('2.返回字符:' + str.charAt(2));
        console.log('2.返回ASCII码:' + str.charCodeAt(2));

        //3.字符串操作方法
        //concat(str1,str2)连接两个或多个字符串，等效于'+',+更常用  substr(star,length) 从索引位置开始取个数 
        //slice(star,end)从截取位置开始截取到end，end取不到  subString(start,end) 跟slice基本相同，不能接受负值
        var str = 'andy';
        console.log('3.连接字符:' + str.concat('red'));
        var str1 = '改革春风吹满地';
        console.log('3.截取字符串:' + str1.substr(2, 2));
        var str2 = 'red, orange, pink, blue';
        //split将字符串转换为数组，并有分割字符串功能
        console.log('3.分割后的数组', str2.split(',')); 

        //4.统计某字符出现位置及其次数
        function numSum(arr) {
            var newArr = [];
            var index = arr.indexOf('pink');
            for (var i = 0; i < arr.length; i++) {
                if (index != -1) {
                    newArr.push(index);
                    index = arr.indexOf('pink', index + 1); //index+1,是从查到元素的后一位继续往下查
                }
            }
            return newArr;
        }
        var demo = numSum(['pink', 'red', 'pink', 'blue', 'pink', 'pink']);
        console.log('4.查询到指定的元素位置为:' + demo + ' 总共出现的次数为:' + demo.length);

        //5.统计出现次数最多的字符
        function numStr(arr) {
            var o = {};
            for (var i = 0; i < arr.length; i++) {
                var chars = arr.charAt(i);
                if (o[chars]) {
                    o[chars]++;
                } else {
                    o[chars] = 1;
                }
            }
            console.log(o)
            var max = 0;
            var ch = '';
            for (var k in o) { //k是属性名， o[k]是值
                if (o[k] > max) {
                    max = o[k];
                    ch = k;
                }
            }
            return ch
        }
        var demo = numStr('dgnafgagragaagra');
        console.log('5.出现次数最多的元素是:' + demo);
    </script>
</head>

<body>

</body>

</html>